<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>注册</title>
</head>
<style type="text/css">
body{
	width:100%;
	height:100%;
	background-image: url(../images/bj.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    position:relative;
}
.border{
	width: 400px;
    background-color: #fff6;
    position: fixed;
    right: 36%;
    top: 200px;
    text-align: center;
    border-radius: 16px;
    border-radius: 5px;
}
h1{
	color:#ccc;
}
input{
	width:300px;
	height:30px;
	line-height:30px;
	font-size:16px;
	margin-top:20px;
	padding:8px 3px;
	padding-left:30px;
	border-radius: 5px;
}
button{
	width:335px;
	height:45px;
	line-height:30px;
	margin-top:30px;
	margin-bottom:10px;
	border-radius: 5px;
}
border a{
text-decoration:none;
}
</style>
<script type="text/javascript">
	function verify(){
		let p1 =document.getElementById('pwd1').value;
		let p2 =document.getElementById('pwd2').value;
		if(p1 == p2){
			return true;
		}else{
			alert("两次密码输入不一致");
			return false;
		}
	}

</script>
<body>
	<div class='border'>
		<h1>注册页面</h1>
		<form action="login.html" method="post" onsubmit="return verify()">
			<div><input type="text" placeholder="账号" name="username"></div>
			<div><input type="text" placeholder="密码" name="password" id="pwd1"></div>
			<div><input type="text" placeholder="再次输入密码" id="pwd2"></div>
			<div><button type="submit">注 册</button></div>
		</form>
	</div>
</body>
</html>